 <template>
  <div>
    <router-link v-bind:to="linkUrl">
      <div class="footer">
        <div>点击查看更多</div>
        <img class="arrow-right" src="../../images/icon/arrow.png" alt="">
      </div>
    </router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["linkUrl"],

  mounted() {}
};
</script>

<style lang="scss" scoped>
@import "../../style/mixin";

.footer {
  @include fj(center);
  align-items: center;
  height: 1rem;
  line-height: 1rem;

  .arrow-right {
    transform: rotate(270deg);
    height: 0.4rem;
    width: 0.4rem;
  }
}
</style>
